<template>
  <div class="min-h-screen bg-gray-50">
    <nav class="bg-white shadow-sm">
      <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
        <div class="flex justify-between h-16">
          <div class="flex items-center">
            <NuxtLink to="/" class="text-xl font-bold text-gray-800">
              我的网站
            </NuxtLink>
          </div>
          <div class="flex items-center space-x-8">
            <NuxtLink to="/" class="text-gray-600 hover:text-gray-900">
              首页
            </NuxtLink>
            <NuxtLink to="/about" class="text-gray-600 hover:text-gray-900">
              关于我
            </NuxtLink>
            <NuxtLink to="/projects" class="text-gray-600 hover:text-gray-900">
              项目
            </NuxtLink>
            <NuxtLink to="/contact" class="text-gray-600 hover:text-gray-900">
              联系我
            </NuxtLink>
          </div>
        </div>
      </div>
    </nav>
    
    <main>
      <slot />
    </main>
    
    <footer class="bg-gray-800 text-white mt-16">
      <div class="max-w-7xl mx-auto py-8 px-4 sm:px-6 lg:px-8">
        <p class="text-center">&copy; 2024 我的个人网站. 保留所有权利.</p>
      </div>
    </footer>
  </div>
</template>